// @import "../css/global";
// .row-course_item {
//   width: 20%;
//   margin-top: 20px;
//   .row-course_content {
//     width: 100%;
//     height: 270px;
//     background-color: nth($color, 1);
//     border-radius: $base-border-radius;
//     overflow: hidden;
//     .row-course_img {
//       width: 100%;
//       height: 165px;
//     }
//     .row-course_info {
//       padding: {
//         top: 13px;
//         left: 20px;
//         right: 20px;
//         bottom: 0;
//       }
//       .row-course_info_name {
//         width: 100%;
//         height: 40px;
//         line-height: 20px;
//         color: nth($color, 4);
//         overflow: hidden;
//         @extend %h6;
//       }
//       .is-single {
//         height: 20px;
//       }
//       .row-course_info_price {
//         width: 100%;
//         height: 20px;
//         line-height: 20px;
//         span {
//           color: nth($color, 7);
//           font-weight: bold;
//         }
//         del {
//           color: nth($color, 3);
//           @extend %p;
//           margin-left: 5px;
//         }
//       }
//     }
//     .row-course_badge {
//       float: right;
//       position: relative;
//       top: -232px;
//       height: 12px;
//       line-height: 12px;
//       color: nth($color, 1);
//       @extend %p;
//       padding: {
//         top: 6px;
//         bottom: 6px;
//         left: 14px;
//         right: 14px;
//       }
//       margin-right: 10px;
//       border-radius: 12px 12px 12px 0px;
//     }
//     .badge-hot {
//       background-color: (nth($color, 7));
//     }
//     .badge-fine {
//       background-color: (nth($color, 6));
//     }
//     .badge-overdue {
//       background-color: (nth($color, 2));
//     }
//     .badge-new {
//       background-color: (nth($color, 7));
//     }
//     .badge-offline {
//       float: left;
//       top: -111px;
//       margin-left: 10px;
//       border-radius: 12px;
//       background-color: rgba(0, 0, 0, 0.5);
//     }

//     .badge_height248 {
//       top: -210px;
//     }
//     .badge_height240 {
//       top: -208px;
//     }
//   }
//   .row-course_height248 {
//     height: 248px;
//   }
//   .row-course_height240 {
//     height: 240px;
//     box-shadow: 0 0 13px rgba(204, 204, 204, 0.1);
//   }
// }
// .row-course_player {
//   position: relative;
//   width: 100%;
//   height: 165px;
//   line-height: 200px;
//   text-align: center;
//   margin: {
//     top: -170px;
//     bottom: 5px;
//   }
//   background-color: rgba(0, 0, 0, 0.5);
//   border-radius: 6px 6px 0 0;
// }
// .fade-enter-active,
// .fade-leave-active {
//   transition: opacity 0.001s;
// }
// .fade-enter,
// .fade-leave-to {
//   background-color: rgba(0, 0, 0, 0);
// }
// //
// // open course list in index.vue
// .open-course_list {
//   margin: {
//     top: 30px;
//     bottom: 10px;
//   }
//   .open-course_img {
//     width: 180px;
//     height: 135px;
//     border-radius: 4px 4px 0px 0px;
//   }
//   .open-course_title {
//     width: 180px;
//     height: 43px;
//     line-height: 43px;
//     @extend %h6;
//     text-indent: 1em;
//     margin-top: -4px;
//     background-color: nth($color, 1);
//     border-radius: 0px 0px 4px 4px;
//     color: nth($color, 4);
//   }
// }
// .el-pager-common {
//   @mixin pager {
//     width: 28px;
//     height: 28px;
//     line-height: 28px;
//     text-align: center;
//     border: solid 1px #e1e1e1;
//   }
//   .btn-prev {
//     @include pager;
//   }
//   .el-pager .number {
//     @include pager;
//   }
//   .btn-next {
//     @include pager;
//   }
// }
// .btn-primary {
//   & {
//     background-color: #fb7743;
//     border-width: 0;
//     span {
//       color: nth($color, 1);
//     }
//   }
//   &:hover {
//     background-color: #ff4800;
//   }
// }
// .btn-default {
//   & {
//     background-color: nth($color, 8);
//     border-width: 0;
//     span {
//       color: nth($color, 1);
//     }
//   }
//   &:hover {
//     background-color: #025cc1;
//   }
// }
// // 面包屑
// .el-breadcrumb {
//   width: 100%;
//   height: 14px;
//   @extend %h6;
//   color: nth($color, 2);
//   margin: {
//     top: 20px;
//     bottom: 16px;
//   }
//   .el-breadcrumb__item {
//     & {
//       .el-breadcrumb__inner {
//         color: nth($color, 2);
//       }
//       .el-breadcrumb__separator[class*="icon"] {
//         margin: 0;
//         color: nth($color, 2);
//       }
//     }
//     &:last-child {
//       .el-breadcrumb__inner {
//         & {
//           color: nth($color, 4);
//         }
//         &:hover {
//           color: nth($color, 4);
//         }
//       }
//     }
//   }
// }